﻿<!doctype html>
<html class="no-js" lang="en-US">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Cart || Moon</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Fav Icon
	============================================ -->
	<link id="favicon" rel="icon" type="image/png" href="img/favicon.ico" />
	<!-- Google web fonts
	============================================ -->
	<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,900italic,900,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<!-- Style Import CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="css/custom-style.css" />
	<!-- RS-slider CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />
	
	<!-- Modernizr JS
	============================================ -->
	<script src="js/vendor/modernizr-2.8.3.min.js"></script>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Header Top
============================================ -->
<div class="header-top">
	<div class="container">
		<div class="row">
			<!-- Header Top Left -->
			<div class="header-top-left col-sm-6">
				<ul class="header-login-reg float-left">
					<li><a href="#">Log in</a></li>
					<li><a href="#">Register</a></li>
				</ul>
			</div>
			<!-- Header Top Right -->
			<div class="header-top-right col-sm-6">
				<ul class="language-currency float-right">
					<li><a href="#">ENG <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">English</a></li>
							<li><a href="#">French</a></li>
							<li><a href="#">Spanish</a></li>
						</ul>
					</li>
					<li><a href="#">USD <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">Usd</a></li>
							<li><a href="#">Uro</a></li>
							<li><a href="#">Gbp</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- Header Bottom
============================================ -->
<div class="header-top">
	<div class="container">
		<div class="row">
			<!-- Header Top Left -->
			<div class="header-top-left col-sm-6">
				<ul class="header-login-reg float-left">
					<li><a href="#">注册</a></li>
					<li><a href="#">登录</a></li>
				</ul>
			</div>
			<!-- Header Top Right -->
			<div class="header-top-right col-sm-6">
				<ul class="language-currency float-right">
					<li><a href="#">语言<class="mo-arrow-down"></li></a>
						<ul>
							<li><a href="#">英语</a></li>
							<li><a href="#">法语</a></li>
							<li><a href="#">西班牙语</a></li>
						</ul>
					</li>
					<li><a href="#">USD <i class="mo-arrow-down"></i></a>
						<ul>
							<li><a href="#">Usd</a></li>
							<li><a href="#">Uro</a></li>
							<li><a href="#">Gbp</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- Header Bottom
============================================ -->
<div class="header-bottom">
	<div class="container">
		<div class="row">
			<!-- Header Logo -->
			<div class="logo col-md-2 col-sm-4 col-xs-5"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
			<!-- Main Menu -->
			<div class="main-menu col-md-7 hidden-sm hidden-xs">
				<nav>
					<ul>
						<li class="active"><a href="index.html">首页</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="index.html">首页1</a></li>
								<li><a href="index-2.html">首页2</a></li>
								<li><a href="index-3.html">首页3</a></li>
							</ul>
						</li>
						<li><a href="shop.html">商品</a>
							<!-- Mega Menu -->
							<div class="mega-menu mega-menu1">
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">配饰</a></li>
										<li><a href="shop.html">皮革</a></li>
										<li><a href="shop.html">太阳眼镜</a></li>
										<li><a href="shop.html">皮带</a></li>
										<li><a href="shop.html">戒指</a></li>
										<li><a href="shop.html">毛衣</a></li>
										<li><a href="shop.html">包包</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">男装</a></li>
										<li><a href="shop.html">衬衣& 上衣</a></li>
										<li><a href="shop.html">裙装</a></li>
										<li><a href="shop.html">泳装</a></li>
										<li><a href="shop.html">牛仔裤</a></li>
										<li><a href="shop.html">鞋子</a></li>
										<li><a href="shop.html">针织衫</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">女装</a></li>
										<li><a href="shop.html">礼服</a></li>
										<li><a href="shop.html">T恤</a></li>
										<li><a href="shop.html">牛仔裤 & 长裤</a></li>
										<li><a href="shop.html">夹克 & 大衣</a></li>
										<li><a href="shop.html">针织衫</a></li>
										<li><a href="shop.html">睡衣</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column2">
									<a href="#" class="menu-image"><img src="img/menu-image.png" alt="" /></a>
								</div>
							</div>
						</li>
						<li><a href="#">我的</a>
							<!-- Sub Menu -->
							<ul class="sub-menu">
								<li><a href="cart.html">购物车</a></li>
								<li><a href="checkout.html">待付款</a></li>
								<li><a href="order-complete.html">全部订单</a></li>
								<li><a href="wishlist.html">待收货</a></li>
								<li><a href="product-details-1.html">订单详情</a>
									<ul class="sub-menu-2">
										<li><a href="product-details-1.html">Style  1</a></li>
										<li><a href="product-details-2.html">Style  2</a></li>
									</ul>
								</li>
								<li><a href="shop.html">商品</a>
									<ul class="sub-menu-2">
										<li><a href="shop.html">商品左侧导航栏</a></li>
										<li><a href="shop-right-sidebar.html">商品右侧导航栏</a></li>
										<li><a href="shop-without-banner.html">商品标语</a></li>
										<li><a href="shop-list.html">商品列表</a></li>
										<li><a href="shop-two-column.html">商品栏2</a></li>
										<li><a href="shop-three-column.html">商品栏3</a></li>
										<li><a href="shop-four-column.html">商品栏4</a></li>
									</ul>
								</li>
								<li><a href="single-blog.html">博客</a></li>
								<li><a href="single-page.html">单页</a></li>
								<li><a href="404.html">404 页</a></li>
							</ul>
						</li>
						<li><a href="blog.html">博客</a></li>
						<li><a href="contact.html">联系</a></li>
					</ul>
				</nav>
			</div>
			<!-- Header Search & Cart -->
			<div class="search-cart col-md-3 col-md-offset-0 col-sm-5 col-sm-offset-3 col-xs-7">
				<!-- Header Cart -->
				<div class="header-cart float-right">
					<button class="cart-btn"><i class="mo-cart"></i><span class="cart-number">2</span></button>
					<div class="headercart-wrapper">
						<h2>购物车</h2>
						<ul class="products">
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/1.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">窄脚裤</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 99 x 1</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
							<li>
								<a href="#" class="image float-left"><img src="img/header-cart/2.jpg" alt="" /></a>
								<div class="content fix">
									<h3><a href="#">眼镜太阳镜</a></h3>
									<span>Color: Philipha Wash</span>
									<p class="price">$ 199 x 5</p>
								</div>
								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>
							</li>
						</ul>
						<div class="total-price text-center fix">
							<p>总数</p>
							<span>$ 1094.99</span>
						</div>
						<div class="view-cart text-center fix"><a href="cart.html">查看购物车 <i class="mo-arrow-right"></i></a></div>
						<div class="cart-footer text-center fix"><a href="checkout.html">进入结算</a></div>
					</div>
				</div>
				<!-- Header Search -->
				<div class="header-search float-right">
					<button class="search-btn"><i class="mo-search"></i></button>
					<form action="#" class="search-form">
						<input type="text" placeholder="搜素......" />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Menu
============================================ -->
<div class="mobile-menu hidden-lg hidden-md fix">
	<nav>
		<ul>
			<li><a href="index.html">Home</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="index.html">Home One</a></li>
					<li><a href="index-2.html">Home Two</a></li>
					<li><a href="index-3.html">Home Three</a></li>
				</ul>
			</li>
			<li><a href="shop.html">shop</a>
				<ul>
					<li><a href="#">Accessories</a>
						<ul>
							<li><a href="shop.html">Leather</a></li>
							<li><a href="shop.html">Sunglasses</a></li>
							<li><a href="shop.html">Belts</a></li>
							<li><a href="shop.html">Rings</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Bags & Persess</a></li>
						</ul>
					</li>
					<li><a href="#">Men's Wear</a>
						<ul>
							<li><a href="shop.html">Shirts & tops</a></li>
							<li><a href="shop.html">Dresses</a></li>
							<li><a href="shop.html">Swimwear</a></li>
							<li><a href="shop.html">Jeans</a></li>
							<li><a href="shop.html">Shoes</a></li>
							<li><a href="shop.html">Sweaters</a></li>
						</ul>
					</li>
					<li><a href="#">WoMen's Wear</a>
						<ul>
							<li><a href="shop.html">Party Dress</a></li>
							<li><a href="shop.html">T-Shirt</a></li>
							<li><a href="shop.html">Jeans & Trousers</a></li>
							<li><a href="shop.html">Jacket & Coats</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Nightwear</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li><a href="#">pages</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="cart.html">Cart</a></li>
					<li><a href="checkout.html">Checkout</a></li>
					<li><a href="order-complete.html">Order Complete</a></li>
					<li><a href="wishlist.html">Wishlist</a></li>
					<li><a href="product-details-1.html">Product Details</a>
						<ul>
							<li><a href="product-details-1.html">Style  1</a></li>
							<li><a href="product-details-2.html">Style  2</a></li>
						</ul>
					</li>
					<li><a href="shop.html">Shop</a>
						<ul>
							<li><a href="shop.html">Shop Left Sidebar</a></li>
							<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
							<li><a href="shop-without-banner.html">Shop Without Banner</a></li>
							<li><a href="shop-list.html">Shop List</a></li>
							<li><a href="shop-two-column.html">Shop 2 Column</a></li>
							<li><a href="shop-three-column.html">Shop 3 Column</a></li>
							<li><a href="shop-four-column.html">Shop 4 Column</a></li>
						</ul>
					</li>
					<li><a href="single-blog.html">Single Blog</a></li>
					<li><a href="404.html">404 Page</a></li>
				</ul>
			</li>
			<li><a href="blog.html">Blog</a></li>
			<li><a href="contact.html">contact</a></li>
		</ul>
	</nav>
</div>
<!-- Shop Sideabr Product Container
============================================ -->
<div class="pages cart-page">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="cart-page-container fix">
					<!-- Cart Page Tab List -->
					<div class="cart-page-tablist text-center">
						<ul>
							<li class="active"><a class="active" href="#shopping-cart" data-toggle="tab"><span class="number">1</span> <p>购物车 </p></a></li>
							<li><a href="#check-out" data-toggle="tab"><span class="number">2</span> <p>结算 </p></a></li>
							<li><a href="#order-complete" data-toggle="tab"><span class="number">3</span> <p>待收货 </p></a></li>
						</ul>
					</div>
					<!-- Cart Page Tab Container -->
					<div class="tab-content">
						<!-- Cart Page Tab -->
						<div class="tab-pane active" id="shopping-cart">
							<div class="cart-page-title text-center"><h1>购物车 </h1></div>
							<form action="#" id="cart-form">
								<div class="table-responsive">
									<fieldset>
										<table class="table-cart data-table table" id="shopping-cart-table">
											<thead>
												<tr>
													<th>商品</th>
													<th>价格</th>
													<th>数量</th>
													<th>全部</th>
													<th>移除</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td><div class="cart-items fix">
														<a href="#" class="cart-image"><img src="img/cart-product/1.jpg" alt="" /></a>
														<div class="cart-item-content fix">
															<h3 class="title"><a href="#">时尚短袖 </a></h3>
															<span>尺寸 : <strong>M</strong></span>
															<span>颜色 : <strong>深蓝 </strong></span>
														</div>
													</div></td>
													<td><span class="cart-price">$ 238</span></td>
													<!-- inclusive price starts here -->
													<td><div class="cart-qty"><input maxlength="99" class="input-cart-qty" value="2"></div></td>
													<!--Sub total starts here -->
													<td ><span class="cart-total-price">$ 476.00</span></td>
													<td><a href="#" class="cart-remove"><i class="mo-cross-rounde"></i></a></td>
												</tr>
												<tr>
													<td><div class="cart-items fix">
														<a href="#" class="cart-image"><img src="img/cart-product/2.jpg" alt="" /></a>
														<div class="cart-item-content fix">
															<h3 class="title"><a href="#">长裙  </a></h3>
															<span>尺寸 : <strong>M</strong></span>
															<span>颜色 : <strong>深蓝 </strong></span>
														</div>
													</div></td>
													<td><span class="cart-price">$ 356</span></td>
													<!-- inclusive price starts here -->
													<td><div class="cart-qty"><input maxlength="99" class="input-cart-qty" value="1"></div></td>
													<!--Sub total starts here -->
													<td ><span class="cart-total-price">$ 356.00</span></td>
													<td><a href="#" class="cart-remove"><i class="mo-cross-rounde"></i></a></td>
												</tr>
												<tr>
													<td><div class="cart-items fix">
														<a href="#" class="cart-image"><img src="img/cart-product/3.jpg" alt="" /></a>
														<div class="cart-item-content fix">
															<h3 class="title"><a href="#">睡裙  </a></h3>
															<span>尺寸 : <strong>M</strong></span>
															<span>颜色 : <strong>白色 </strong></span>
														</div>
													</div></td>
													<td><span class="cart-price">$ 128</span></td>
													<!-- inclusive price starts here -->
													<td><div class="cart-qty"><input maxlength="99" class="input-cart-qty" value="1"></div></td>
													<!--Sub total starts here -->
													<td ><span class="cart-total-price">$ 128.00</span></td>
													<td><a href="#" class="cart-remove"><i class="mo-cross-rounde"></i></a></td>
												</tr>
											</tbody>
										</table>
									</fieldset>
								</div>
								<div class="row">
									<div class="col-md-7 col-xs-12">
										<div class="row">
											<div class="col-sm-6">
												<div class="shipping-cost">
													<h3 class="title">运费</h3>
													<div class="input-wrapper">
														<div class="input-box">
															<select name="country">
																<option value="united-states"> 省份</option>
																<option value="united-states">市</option>
																<option value="united-states"> 街道</option>
																<option value="united-states">市</option>
																<option value="united-states"> 街道</option>
															</select>
														</div>
														<div class="input-box">
															<select name="state">
																<option value="united-states">市</option>
																<option value="united-states"> 街道</option>
															</select>
														</div>
														<div class="input-box">
														<select name="state">
															
																<option value="united-states"> 街道</option>
															</select>
														</div>
														<input type="submit" value="运费" />
													</div>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="coupon-discount">
													<h3 class="title">优惠券</h3>
													<div class="coupon-wrapper">
														<p>可以使用优惠券</p>
														<div class="input-box">
															<input type="text" placeholder="填写地址!" />
														</div>
														<input type="submit" value="使用优惠券" />
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-5 col-xs-12">
										<div class="payment-details">
											<h3 class="title">付款方式</h3>
											<div class="payment-wrapper">
												<div class="subtotal fix">
													<p class="float-left">合计</p>
													<span class="float-right">$ 960.00</span>
												</div>
												<div class="shipping fix">
													<p class="float-left">配送</p>
													<span class="float-right">免费配送</span>
												</div>
												<div class="grandtotal fix">
													<p class="float-left"></p>
													<span class="float-right">$ 960.00</span>
												</div>
												<div class="procced-checkout text-center"><button class="checkout-btn">结算</button></div>
												
											</div>
										</div>
									</div>
								</div>
							</form>
						</div>
						<!-- Cart Page Tab -->
						<div class="tab-pane" id="check-out">
							<div class="cart-page-title cart-page-title-2 text-center"><h1>Checkout</h1><p>Personal Information and Payment</p></div>
							<div class="row">
								<div class="col-md-6 col-xs-12">
									<div class="billing-details">
										<div class="cart-page-title"><h1>Billing Details</h1></div>
										<div class="checkout-form">
											<form action="#" id="billing-details" class="moon-form">
												<div class="input-box"><input type="text" placeholder="Frist Name *" /></div>
												<div class="input-box"><input type="text" placeholder="Last Name *" /></div>
												<div class="input-box"><input type="text" placeholder="Company Name" /></div>
												<div class="input-box"><input type="text" placeholder="Email Address *" /></div>
												<div class="input-box"><input type="text" placeholder="Phone *" /></div>
												<div class="input-box">
													<select name="country">
														<option value="united-states">United States</option>
														<option value="united-states">United States</option>
														<option value="united-states">United States</option>
														<option value="united-states">United States</option>
														<option value="united-states">United States</option>
														<option value="united-states">United States</option>
													</select>
												</div>
												<div class="input-box"><input type="text" placeholder="Postcode *" /></div>
												<div class="input-box"><textarea name="Address" rows="4" placeholder="Address *"></textarea></div>
											</form>
										</div>
									</div>
									<div class="shipping-details">
										<div class="cart-page-title"><h1><a href="#shipping-form" class="collapsed" data-toggle="collapse"><span class="check-box"></span>Ship to Different Addrress?</a></h1></div>
										<div class="checkout-form">
											<div id="shipping-form" class="collapse moon-form">
												<form action="#" id="shipping-details">
													<div class="input-box"><input type="text" placeholder="Frist Name *" /></div>
													<div class="input-box"><input type="text" placeholder="Last Name *" /></div>
													<div class="input-box"><input type="text" placeholder="Company Name" /></div>
													<div class="input-box"><input type="text" placeholder="Email Address *" /></div>
													<div class="input-box"><input type="text" placeholder="Phone *" /></div>
													<div class="input-box">
														<select name="country">
															<option value="united-states">United States</option>
															<option value="united-states">United States</option>
															<option value="united-states">United States</option>
															<option value="united-states">United States</option>
															<option value="united-states">United States</option>
															<option value="united-states">United States</option>
														</select>
													</div>
													<div class="input-box"><input type="text" placeholder="Postcode *" /></div>
													<div class="input-box"><textarea name="Address" rows="4" placeholder="Address *"></textarea></div>
													<div class="input-box"><textarea name="custom" rows="4" placeholder="Inclue custom Requirements for this order"></textarea></div>
												</form>
											</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 col-xs-12">
									<div class="order-details">
										<div class="cart-page-title"><h1>Your Order</h1></div>
										<div class="table-responsive">
											<fieldset>
												<table class="order-pro-table table" id="order-pro-table">
													<thead>
														<tr>
															<th><p class="product text-left">Product</p></th>
															<th><p class="total text-right">Total</p></th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><h3 class="title text-left">Popline Tops x 2</h3></td>
															<td ><span class="total-price text-right">$ 476.00</span></td>
														</tr>
														<tr>
															<td><h3 class="title text-left">Shanos Matte Blue x 1</h3></td>
															<td ><span class="total-price text-right">$ 356.00</span></td>
														</tr>
														<tr>
															<td><h3 class="title text-left">Minrova Sleep Wear x 1</h3></td>
															<td ><span class="total-price text-right">$ 128.00</span></td>
														</tr>
													</tbody>
													<tfoot>
														<tr>
															<td><p class="cart-total-title text-left">Cart Subtotal <br />Shipping & Handling</p></td>
															<td><span class="cart-total text-right">$ 960.00</span><p class="shipping-charge text-right">free Shipping</p></td>
														</tr>
														<tr>
															<td><p class="vat text-left">Vat</p></td>
															<td><span class="vat-total text-right">$ 144.00</span></td>
														</tr>
														<tr>
															<td><h3 class="grand-total-title text-left">Grand Total</h3></td>
															<td><span class="grand-total text-right">$ 1104.00</span></td>
														</tr>
													</tfoot>
												</table>
											</fieldset>
										</div>
										<div class="cart-page-title payment-title"><h1>Payment Method</h1></div>
										<div class="payment-methods fix">
											<div class="single-payment cheque">
												<button class="select-btn active"><span class="check-box"></span>Cheque Payment</button>
												<p>Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</p>
											</div>
											<div class="single-payment paypal">
												<button class="select-btn"><span class="check-box"></span>PayPal</button>
												<p>Pay via PayPal you can pay with your credit card if you don’t have a PayPal account.</p>
											</div>
											<div class="single-payment other">
												<div class="wrapper">
													<a href="#" class="paypal"><img src="img/payment/paypal.png" alt="paypal" /></a>
													<a href="#" class="visa"><img src="img/payment/visa.png" alt="visa" /></a>
													<a href="#" class="mastercard"><img src="img/payment/mastercard.png" alt="mastercard" /></a>
													<a href="#" class="express"><img src="img/payment/express.png" alt="express" /></a>
													<a href="#" class="jcb"><img src="img/payment/jcb.png" alt="jcb" /></a>
												</div>
												<a href="#">What is PayPal?</a>
											</div>
										</div>
										<div class="place-order text-center">
											<button class="place-order-btn">Place Order</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Cart Page Tab -->
						<div class="tab-pane" id="order-complete">
							<div class="order-complete-mgs text-center">
								<p>Thank you. Your Order Has been Received.</p>
							</div>
							<div class="order-information text-center fix">
								<div class="single">
									<span>Order No</span>
									<h4>K 265798</h4>
								</div>
								<div class="single">
									<span>Date</span>
									<h4>Dec 31, 2015</h4>
								</div>
								<div class="single">
									<span>Total</span>
									<h4>$ 1104</h4>
								</div>
								<div class="single">
									<span>Payment Method</span>
									<h4>Check Payment</h4>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-xs-12">
									<div class="order-details order-details-complete">
										<div class="cart-page-title"><h1>Order Details</h1></div>
										<div class="table-responsive">
											<fieldset>
												<table class="order-pro-table table" id="order-pro-table-2">
													<thead>
														<tr>
															<th><p class="product text-left">Product</p></th>
															<th><p class="total text-right">Total</p></th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><h3 class="title text-left">Popline Tops x 2</h3></td>
															<td ><span class="total-price text-right">$ 476.00</span></td>
														</tr>
														<tr>
															<td><h3 class="title text-left">Shanos Matte Blue x 1</h3></td>
															<td ><span class="total-price text-right">$ 356.00</span></td>
														</tr>
														<tr>
															<td><h3 class="title text-left">Minrova Sleep Wear x 1</h3></td>
															<td ><span class="total-price text-right">$ 128.00</span></td>
														</tr>
													</tbody>
													<tfoot>
														<tr>
															<td><p class="cart-total-title text-left">Cart Subtotal <br />Shipping & Handling</p></td>
															<td><span class="cart-total text-right">$ 960.00</span><p class="shipping-charge text-right">free Shipping</p></td>
														</tr>
														<tr>
															<td><p class="vat text-left">Vat</p></td>
															<td><span class="vat-total text-right">$ 144.00</span></td>
														</tr>
														<tr>
															<td><h3 class="grand-total-title text-left">Grand Total</h3></td>
															<td><span class="grand-total text-right">$ 1104.00</span></td>
														</tr>
													</tfoot>
												</table>
											</fieldset>
										</div>
									</div>
								</div>
								<div class="col-md-6 col-xs-12">
									<div class="coustomer-details">
										<div class="order-com-title"><h1>Customer Details</h1></div>
										<div class="content">
											<ul>
												<li><span>Name :</span>Mellisa Wright</li>
												<li><span>Email :</span>mellisa_W80@outlook.com</li>
												<li><span>Telephone :</span>+ 123 456 798</li>
											</ul>
										</div>
									</div>
									<div class="billing-address">
										<div class="order-com-title"><h1>Billing Address</h1></div>
										<div class="content">
											<h4>Mellisa Wright</h4>
											<p>5722 Sam Houston Cir <br />Austin, TX 78731</p>
											<p>Phone : + 123 456 789</p>
										</div>
									</div>
									<div class="billing-address shipping-address">
										<div class="order-com-title"><h1>Shipping Address</h1></div>
										<div class="content">
											<h4>Mellisa Wright</h4>
											<p>5722 Sam Houston Cir <br />Austin, TX 78731</p>
											<p>Phone : + 123 456 789</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Subscribe Area
============================================ -->
<div class="subscribe-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
				<div class="subscribe-container">
					<!-- Subscribe Text -->
					<div class="subscribe-text fix">
						<h2>得到任何报价的通知!</h2>
						<p>订阅我们的通讯，以获得有关促销活动的通知</p>
					</div>
					<!-- Subscribe Form -->
					<div class="subscribe-form fix">
						<form action="#" id="subscribe-form">
							<input type="text" placeholder="您的电邮地址" />
							<input type="submit" value="提交" />
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Brand Area
============================================ -->
<div class="brand-area">
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-sm-3">
				<div class="section-title-2"><h1>合作品牌</h1></div>
			</div>
			<div class="col-md-10 col-sm-9 text-center">
				<!-- Brands Slider -->
				<div class="brand-slider">
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/3.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/4.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/3.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/4.png" alt="brand" /></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Footer Area
============================================ -->
<div class="footer-area">
	<!-- Footer Top -->
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<!-- Footer Widget About -->
				<div class="footer-widget footer-widget-about col-md-3 col-sm-5">
					<img src="img/footer-logo.png" alt="" />
					<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium,</p>
					<div class="footer-social">
						<a href="#"><i class="mo-facebook"></i></a>
						<a href="#"><i class="mo-twitter"></i></a>
						<a href="#"><i class="mo-google-plus"></i></a>
						<a href="#"><i class="mo-pinterest"></i></a>
					</div>
				</div>
				<!-- Footer Widget Address -->
				<div class="footer-widget footer-widget-address col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>address</h3>
					<p>1025-1035 Park Ave, <br />New York, <br />NY 10028, USA</p>
					<p>+1 123-456-7890</p>
					<p>sales@koolinc.com</p>
				</div>
				<!-- Footer Widget Collection -->
				<div class="footer-widget footer-widget-collection col-md-2 col-md-offset-1 col-sm-5">
					<h3>collection</h3>
					<ul>
						<li><a href="#">Men</a></li>
						<li><a href="#">Women</a></li>
						<li><a href="#">Kids</a></li>
						<li><a href="#">Accessories</a></li>
						<li><a href="#">Sale</a></li>
						<li><a href="#">Coming Soon</a></li>
					</ul>
				</div>
				<!-- Footer Widget Shop -->
				<div class="footer-widget footer-widget-shop col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>shop</h3>
					<ul>
						<li><a href="single-page.html">About Us</a></li>
						<li><a href="single-page.html">Shipping Methods</a></li>
						<li><a href="single-page.html">Career</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Footer Bottom -->
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<!-- Footer Copyright -->
				<div class="copyright col-sm-6 text-left"><p>&copy; 2016 <a href="#">wilylab</a>. All Rights Reserved</p></div>
				<!-- Footer Payment -->
				<div class="payment col-sm-6 text-right"><img src="img/payment.png" alt="payment" /></div>
			</div>
		</div>
	</div>
</div>
<!-- jQuery 1.12.0
============================================ -->
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<!-- Bootstrap JS
============================================ -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MeanMenu JS
============================================ -->
<script type="text/javascript" src="js/jquery.meanmenu.min.js"></script>
<!-- Slick Carousel JS
============================================ -->
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- RS-Plugin JS
============================================ -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>   
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- Scrollup JS
============================================ -->
<script type="text/javascript" src="js/jquery.scrollup.min.js"></script>
<!-- jQuery UI JS
============================================ -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- Tree View JS
============================================ -->
<script type="text/javascript" src="js/jquery.treeview.js"></script>
<!-- Nice Scroll JS
============================================ -->
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<!-- WOW JS
============================================ -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- Google Map APi
============================================ -->
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script> -->
<script>
	new WOW().init();
</script>
<!-- Main JS
============================================ -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>